<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>上海最新上映电影、电影票网上预订、在线购票 – 淘票票，全国最大的电影演出票务平台</title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			ul {
				list-style-type: none;
			}

			#nav3 {
				width: 100%;
				height: 30px;
				background-color: white;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			#nav3 .x1 {
				margin-left: 250px;
			}

			#nav3 .x1 ul {
				display: flex;
			}

			#nav3 .x1 ul li {
				margin-left: 10px;
				font-size: 12px;
				color: black;
			}

			#nav3 .x2 {
				margin-right: 250px;
			}

			#nav3 .x2 ul {
				display: flex;
			}

			#nav3 .x2 ul li {
				margin-left: 10px;
				font-size: 12px;
				color: darkgrey;
			}

			body {
				font-family: Arial, sans-serif;
				margin: 0;
				padding: 0;
				display: flex;
				flex-direction: column;
			}

			#container {
				display: flex;
				width: 990px;
				margin: 0 auto;
			}

			#left {
				flex: 1;
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 10px;
				padding: 20px;
				border: 1px solid #e5e5e5;
			}

			#left .movie-item {
				position: relative;
				width: 160px;
				height: 226px;
				margin-bottom: 10px;
				padding: 10px;
			}

			#left .movie-item img {
				width: 100%;
				height: 100%;
				display: block;
			}

			#left img {
				width: 160px;
				height: 226px;
				margin-bottom: 10px;
				padding: 10px;
			}

			.ticket-booking-button2 {
				display: inline-block;
				width: 140px;
				padding: 5px 10px;
				background-color: red;
				color: white;
				border: 1px solid #e5e5e5;
				cursor: pointer;
				text-decoration: none;
				margin-left: 10px;
				text-align: center;
				position: relative;
				top: -30px;
			}


			#right {
				flex: 1;
				width: 600px;
				height: 200px;
				padding: 20px;
				border: 1px solid #e5e5e5;
				background-color: #f7f7f7;
			}

			#coming-soon {
				display: none;
				grid-template-columns: repeat(3, 1fr);
				gap: 10px;
			}

			#now-playing {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 10px;
			}

			#cinemas h4 {
				margin-bottom: 10px;
			}

			#cinemas h4 a {
				text-decoration: none;
				color: red;
				font-size: 12px;
				font-weight: normal;
			}

			#cinemas h4 span {
				font-weight: normal;
			}

			#cinemas p {
				margin-bottom: 10px;
			}

			#right #cinemas hr {
				border-color: #e5e5e5;
			}

			.tab-buttons-container {
				text-align: left;
				margin: 0;
				padding: 0;
			}

			.tab-buttons {
				display: flex;
				align-items: center;
				margin-left: 265px;
			}

			.tab-button {
				padding: 10px 20px;
				margin: 0;
				border: 1px solid #e5e5e5;
				cursor: pointer;
			}

			.tab-button:first-child {
				border-right: none;
				border-bottom: none;
			}

			.tab-button:last-child {
				border-left: none;
				border-bottom: none;
			}

			.ticket-booking-button {
				display: inline-block;
				padding: 5px 10px;
				margin-top: 10px;
				background-color: red;
				color: white;
				border: 1px solid #ccc;
				cursor: pointer;
				text-decoration: none;
			}

			.ticket-booking-button:hover {
				background-color: #cc0000;
			}

			.cinema-info {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.cinema-details {}

			.nav {
				width: 100%;
				height: 35px;
				display: flex;
				background-color: #f5f5f5;
			}

			.nav .left ul {
				display: flex;
				margin-left: 40px;
			}

			.nav .left ul li {
				list-style-type: none;
				text-decoration: none;
				margin-left: 20px;
				margin-top: 5px;
			}

			.nav .left ul li a {
				font-family: STSong;
				font-size: 12px;
				text-decoration: none;
				color: gray;
			}

			.nav .left ul li a:hover {
				color: red;
			}

			.nav .right {
				margin-left: 120px;
			}

			.nav .right .gouwu {
				margin-top: 11px;
				display: flex;
				justify-content: center;
			}

			.nav .right ul {
				display: flex;
				margin-left: 240px;
			}

			.nav .right ul li {
				list-style-type: none;
				text-decoration: none;
				margin-left: 20px;
				margin-top: 5px;
			}

			.nav .right ul li a {
				font-family: STSong;
				font-size: 12px;
				text-decoration: none;
				color: gray;
			}

			.nav .right ul li img {
				margin-top: 3px;
				margin-right: 5px;
				width: 15px;
				height: 15px;
			}

			.nav .right ul li a:hover {
				color: red;
			}

			.nav .right .wtb {
				top: 30px;
				height: 60px;
				width: 80px;
				background-color: white;
				border: 2px solid #f5f5f5;
				border-top-style: none;
			}

			.nav .right .wtb2 {
				top: 30px;
				height: 200px;
				width: 80px;
				background-color: white;
				border: 2px solid #f5f5f5;
				border-top-style: none;
			}

			.nav .right .wtb3 {
				top: 30px;
				height: 115px;
				width: 80px;
				background-color: white;
				border: 2px solid #f5f5f5;
				border-top-style: none;
			}

			.nav .right .wtb a {
				display: block;
				padding: 0 5px;
				line-height: 28px;
				white-space: nowrap;
				color: #6C6C6C;
				font-size: 12px;
			}

			.nav .right .wtb2 a {
				display: block;
				padding: 0 5px;
				line-height: 28px;
				white-space: nowrap;
				color: #6C6C6C;
				font-size: 12px;
			}

			.nav .right .wtb3 a {
				display: block;
				padding: 0 5px;
				line-height: 28px;
				white-space: nowrap;
				color: #6C6C6C;
				font-size: 12px;
			}

			.nav {
				position: relative;
				z-index: 0;
			}

			.nav .right .wtb {
				display: none;
				position: absolute;
				z-index: 100;
				visibility: visible;
			}
			
			.nav .right .wtb2 {
				display: none;
				position: absolute;
				z-index: 100;
				visibility: visible;
			}
			
			.nav .right .wtb3 {
				display: none;
				position: absolute;
				z-index: 100;
				visibility: visible;
			}

			.over2:hover .wtb {
			    display: block;
			}
			
			.over2:hover .wtb2 {
			    display: block;
			}
			
			.over2:hover .wtb3 {
			    display: block;
			}

			.header {
				width: 100%;
				height: 72px;
				display: flex;
			}

			.header .header-left {
				display: flex;
				align-items: center;
				justify-content: left;
				flex: 4;
			}

			.header .log a {
				text-decoration: none;
			}

			.header .log h1 {
				align-items: center;
				color: red;
				margin-left: 100px;
			}

			.header .header-left .select {
				margin-left: 50px;
			}

			.header .header-left ul {
				display: flex;
				margin-left: 20px;
			}

			.header .header-left ul li {
				list-style-type: none;
				margin-left: 20px;
			}

			.header .header-left ul li a {
				font-family: STSong;
				font-size: 20px;
				text-decoration: none;
				color: gray;
			}

			.header .header-left ul li a:hover {
				color: red;
			}

			.header .header-right {
				flex: 1;
			}

			.header .header-right {
				display: flex;
				justify-content: center;
				margin-top: 20px;
			}

			.header .header-right img {
				height: 24px;
			}

			.header .header-right a {
				font-family: STSong;
				font-size: 20px;
				color: gray;
				text-decoration: none;
			}

			.header .header-right a:hover {
				color: red;
			}

			.cinema-details p {
				font-size: 16px;
			}

			.cinema-details .address {
				font-size: 13px;
			}

			.cinema-details .address:last-child {
				font-size: 13px;
			}

			.footer {
				width: 100%;
				height: 400px;
				background-color: #2b2b2b;
				border-top: 2px #d21438 solid;
			}

			.footer a {
				font-family: STSong;
				font-size: 10px;
				text-decoration: none;
			}

			.footer a:hover {
				color: white;
				text-decoration: underline;
				cursor: pointer;
			}

			.footWrap {
				width: 990px;
				margin: 0 auto;
				padding-top: 20px;
			}

			.footmiddle {
				height: 160px;
				border-bottom: 1px #666 dotted;
				display: flex;
				justify-content: space-around;
			}

			.footmiddle .footlog span {
				color: #9a9a9a;
				font-family: Hiragino Sans GB;
				font-size: 12px;
				
			}

			.footmiddle dl dt {
				color: white;
				font-family: STSong;
				font-size: 15px;
			}

			.footmiddle dl dd {
				line-height: 20px;
				margin: 5px;
			}

			.footmiddle dl dd a {
				color: #9a9a9a;
				font-family: Hiragino Sans GB;
				font-size: 12px;
			}

			.footbottom {
				margin: 10px auto;
			}

			.footbottom .footer-ali a {
				color: #666659;
				font-family: Hiragino Sans GB;
				font-size: 12px;
			}

			.footbottom .footer-ali a:hover {
				color: white;
			}

			.footbottom .footer-ali b {
				color: #666659;
			}

			.footbottom .foot-nav {
				display: flex;
				margin-top: 20px;
			}

			.footbottom .foot-nav a {
				font-size: 12px;
				color: #666659;
				font-family: Hiragino Sans GB;
			}

			.footbottom .log1 img {
				margin-top: 40px;
				margin-left: 40px;
			}

			.footbottom .foot-nav a:hover {
				color: white;
			}

			.footbottom .foot-nav span {
				color: #666659;
				font-family: Hiragino Sans GB;
				font-size: 12px;
			}

			.footbottom .police {
				width: 300px;
				height: 70px;
				background-color: white;
				display: flex;
				justify-content: center;
			}

			.police a {
				display: flex;
				margin: 10px auto;
				color: #666659;
				text-decoration: none;
				justify-content: center;
			}

			#left .over {
				position: absolute;
				top: 20px;
				left: 20px;
				right: 0;
				bottom: 10px;
				background-color: rgba(0, 0, 0, 0.5);
				color: white;
				display: none;
				justify-content: center;
				align-items: center;
				text-align: center;
			}

			#left .movie-item:hover .over {
				display: flex;
			}

			#left .over ul {
				list-style-type: none;
				padding: 10px;
			}

			.over ul li {
				font-size: 12px;
				margin: 10px;
				color: white;
				margin-left: 20px;
			}
			
			#footer-banner {
			    width: 100%;
			    height: 200px;
			    position: fixed;
			    left: -100%;
			    bottom: 0;
			    z-index: 1000;
			    display: block;
			    overflow: hidden; /* 防止内容溢出 */
				transition-property: left;
				transition-duration:1s;
				transition-timing-function: ease-in-out;
				transition-delay: 0s;
			}
			
			#footer-banner img {
			    width: 100%;
			    height: 100%;
			    display: block; /* 确保图片占满整个横幅 */
			}
			
			#footer-banner .loading {
			    position: absolute;
			    top: 50px; /* 根据需要调整 */
			    left: 1380px; /* 根据需要调整 */
			}
			
			#footer-banner .download-links {
			    position: absolute;
			    right: 230px; /* 右下角位置 */
			    bottom: 10px; /* 右下角位置 */
			    text-align: right; /* 文字对齐 */
			}
			
			#footer-banner .download-links a {
			    color: white; /* 文字颜色，根据广告背景调整 */
			    border: 1px #666 solid;
			    padding: 5px 10px; /* 内边距调整 */
			    text-decoration: none; /* 去除下划线 */
			    margin-left: 5px; /* 与其他链接分开 */
			    border-radius: 12px; /* 圆角边框 */
			    font-size: 14px; /* 文字大小，根据需要调整 */
			    display:block; /* 使链接保持在同一行 */
				margin-top: 10px;
			}
			#footer-banner .download-links a:hover{
				color: red;
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<!-- 顶部导航栏 -->
		<div class="nav">
			<!-- 导航栏左侧部分 -->
			<div class="left">
				<ul>
					<li><a href="../6/1.html" style="color: red;">亲，请登录</a></li>
					<li><a href="../6/2.html">免费注册</a></li>
					<li><a href="#">手机狂淘宝</a></li>
					<li><a href="#">网页无障碍</a></li>
				</ul>
			</div>
			<!-- 导航栏右侧部分 -->
			<div class="right">
				<ul>
					<li><a href="#">淘宝网首页</a></li>
					<li class="over2"><a href="#">我的淘宝 ▿</a>
						<div class="wtb">
							<a href="" target="_top">已买到的宝贝</a>
							<a href="" target="_top">我的足迹</a>
						</div>
					</li>
					<li class="gouwu"><img src="./gouwuche.png" alt="购物车"><a href="#">购物车</a></li>
					<li class="over2"><a href="#">★收藏夹 ▿</a>
							<div class="wtb">
								<a href="" target="_top">收藏的宝贝</a>
								<a href="" target="_top">收藏的店铺</a>
							</div>
						</a></li>
					<li><a href="#">商品分类</a></li>
					<li><a href="#">免费开店</a></li>
					<li>|</li>
					<li class="over2"><a href="#">千牛卖家中心 ▿</a>
							<div class="wtb2">
								<a href="" target="_top">开店入驻</a>
								<a href="" target="_top">已卖出的宝贝</a>
								<a href="" target="_top">出售中的宝贝</a>
								<a href="" target="_top">卖家服务市场</a>
								<a href="" target="_top">卖家培训中心</a>
								<a href="" target="_top">体检中心</a>
								<a href="" target="_top">电商学习中心</a>
							</div>
						</a></li>
					<li class="over2"><a href="#">联系客服 ▿</a>
							<div class="wtb3">
								<a href="" target="_top">消费者客服</a>
								<a href="" target="_top">卖家客服</a>
								<a href="" target="_top">意见反馈</a>
								<a href="" target="_top">网页版旺旺</a>
							</div>
						</a></li>
				</ul>
			</div>
		</div>
		
		<!-- 头部区域，包含标志和主菜单 -->
		<div class="header">
			<div class="header-left">
				<div class="log">
					<a href="#">
						<h1>淘票票</h1>
					</a>
				</div>
				<div class="select">
					<select name="adress" id="">
						<option value="上海">上海</option>
						<option value="沈阳">沈阳</option>
					</select>
				</div>
				<ul>
					<li><a href="/1.html">首页</a></li>
					<li><a href="/2.html">影片</a></li>
					<li><a href="http://127.0.0.1:8848/test2/%E6%9D%8E%E6%B3%BD%E9%91%AB-F21600101/index.lzx.html">影院</a></li>
				</ul>
			</div>
			<div class="header-right">
				<img style="position: relative; z-index: -1;" src="./shouji.png" alt="手机">
				<a style="position: relative; z-index: -1;" href="#">手机购买</a>
			</div>
		</div>

        <!-- 水平分割线 -->
		<hr style="border: 1px solid #e5e5e5;">

        <!-- 子导航栏 -->
		<div id="nav3">
			<div class="x1">
				<ul>
					<li>首页 > 影片 > 上海</li>
				</ul>
			</div>
			<div class="x2">
				<ul>
					<li>3步轻松购票:1.选座购票/买券&nbsp;<img src="jiantou.webp" alt="右箭头">&nbsp;2.收电子码&nbsp;<img
							src="jiantou.webp" alt="右箭头">&nbsp;3.影院取票</li>
				</ul>
			</div>
		</div>
		<br>
		
		<!-- 电影选择的标签按钮 -->
		<div class="tab-buttons-container">
			<div class="tab-buttons">
				<div class="tab-button" onclick="showNowPlaying()">正在热映</div>
				<div class="tab-button" onclick="showComingSoon()">即将上映</div>
			</div>
		</div>

        <!-- 主内容容器 -->
		<div id="container">
			<!-- 左侧部分：电影海报和信息 -->
			<div id="left">
				<!-- 电影详细信息 -->
				<div id="now-playing">
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="1-1.jpg" alt="Image 1-1">
							<div class="over">
								<ul>
									<li>导演：关智耀</li>
									<li>主演：刘德华,林家栋,彭于晏,刘雅瑟,林雪,郑则仕,姜皓文</li>
									<li>类型：剧情,犯罪,动作</li>
									<li>地区：中国香港</li>
									<li>语言：粤语</li>
									<li>片场：114分钟</li>
								</ul>
							</div>
							<a href="http://127.0.0.1:8848/test2/18xhy/8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="1-2.jpg" alt="Image 1-2">
							<div class="over">
								<ul>
									<li>导演：陈小明, 章攀</li>
									<li>主演：屈楚萧,张佳宁,傅菁,蒋昀霖,牛超</li>
									<li>类型：爱情,奇幻</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：107分钟</li>
								</ul>
							</div>
							<a href="http://127.0.0.1:8848/test2/18xhy/8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="1-3.jpg" alt="Image 1-3">
							<div class="over">
								<ul>
									<li>导演：董润年</li>
									<li>主演：大鹏,白客,庄达菲,王迅</li>
									<li>类型：喜剧,剧情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：117分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="2-1.jpg" alt="Image 2-1">
							<div class="over">
								<ul>
									<li>导演：庄文强</li>
									<li>主演：梁朝伟,刘德华,蔡卓妍,任达华,方中信,陈家乐,白只,姜皓文,太保,钱嘉乐</li>
									<li>类型：剧情,犯罪</li>
									<li>地区：中国香港,中国大陆</li>
									<li>语言：粤语</li>
									<li>片场：125分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="2-2.webp" alt="Image 2-2">
							<div class="over">
								<ul>
									<li>导演：温子仁</li>
									<li>主演：杰森·莫玛,帕特里克·威尔森,安珀·赫德,叶海亚·阿卜杜勒-迈丁,妮可·基德曼,特穆拉·莫里森</li>
									<li>类型：动作,冒险,奇幻</li>
									<li>地区：美国</li>
									<li>语言：英语</li>
									<li>片场：125分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="2-3.webp" alt="Image 2-3">
							<div class="over">
								<ul>
									<li>导演：戴墨</li>
									<li>主演：张译,李晨,魏晨,曹炳琨,王骁,张子贤</li>
									<li>类型：剧情,犯罪</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：132分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="3-1.webp" alt="Image 3-1">
							<div class="over">
								<ul>
									<li>导演：冯小刚</li>
									<li>主演：葛优,舒淇,范伟,李诚儒,岳云鹏,常远</li>
									<li>类型：喜剧,爱情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：119分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="3-2.webp" alt="Image 3-2">
							<div class="over">
								<ul>
									<li>导演：立川让</li>
									<li>主演：江户川柯南,高山南,山崎和佳奈,小山力也,林原惠美</li>
									<li>类型：动画,悬疑,动作</li>
									<li>地区：日本</li>
									<li>语言：日语</li>
									<li>片场：110分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="3-3.webp" alt="Image 3-3">
							<div class="over">
								<ul>
									<li>导演：马浴柯</li>
									<li>主演：张家辉,阮经天,王大陆,秦沛,马浴柯,陈国坤,连凯,吴启华,李相炫,陈晓依,何昕霖</li>
									<li>类型：犯罪,动作</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：106分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="4-1.webp" alt="Image 4-1">
							<div class="over">
								<ul>
									<li>导演：萨姆·伦奇</li>
									<li>主演：泰勒·斯威夫特</li>
									<li>类型：音乐,纪录片</li>
									<li>地区：美国</li>
									<li>语言：英语</li>
									<li>片场：169分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="4-2.webp" alt="Image 4-2">
							<div class="over">
								<ul>
									<li>导演：达米恩·查泽雷</li>
									<li>主演：瑞恩·高斯林,艾玛·斯通,芬·韦特罗克,J·K·西蒙斯</li>
									<li>类型：歌舞,爱情</li>
									<li>地区：美国</li>
									<li>语言：英语</li>
									<li>片场：129分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="4-3.webp" alt="Image 4-3">
							<div class="over">
								<ul>
									<li>导演：郑亚旗, 黄湘南</li>
									<li>主演：杨凝,张璐,郑渊洁,露西,凯叔,周侗,李翰林,胡正健,刘李桥,刘芊含,刘晓倩,孙睿扬</li>
									<li>类型：动画,喜剧,冒险</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：92分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="5-1.webp" alt="Image 5-1">
							<div class="over">
								<ul>
									<li>导演：吕克·贝松</li>
									<li>主演：卡赖伯·兰德里·琼斯,克里斯托弗·邓汉,马里莎·贝伦森,克雷蒙斯·施伊克</li>
									<li>类型：犯罪,剧情</li>
									<li>地区：法国</li>
									<li>语言：英语</li>
									<li>片场：115分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="5-2.webp" alt="Image 5-2">
							<div class="over">
								<ul>
									<li>导演：蔡婧</li>
									<li>主演：章若楠,白宇帆,刘奕君,黄澄澄,柳岩,张琪,孙美林,陈思诺</li>
									<li>类型：剧情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：99分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="5-3.webp" alt="Image 5-3">
							<div class="over">
								<ul>
									<li>导演：韩天</li>
									<li>主演：许光汉,章若楠,丁冠森,晏紫东,郭丞,王莎莎</li>
									<li>类型：爱情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：115分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
				</div>

				<div id="coming-soon">
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="14-1.webp" alt="Image 14-1">
							<div class="over">
								<ul>
									<li>导演：崔志佳, 杨沅翰</li>
									<li>主演：崔志佳,于文文,张一鸣,张子栋,韩云云,黄允桐</li>
									<li>类型：喜剧</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：97分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="14-2.webp" alt="Image 14-2">
							<div class="over">
								<ul>
									<li>导演：杨虎</li>
									<li>主演：凌潇肃,小沈阳</li>
									<li>类型：剧情,历史,战争</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：114分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="14-3.webp" alt="Image 14-3">
							<div class="over">
								<ul>
									<li>导演：张大鹏</li>
									<li>主演：张译,潘斌龙,周依然,程曦,袁晓旭,黄婧仪</li>
									<li>类型：剧情,家庭</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：132分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="15-1.webp" alt="Image 15-1">
							<div class="over">
								<ul>
									<li>导演：毕鉴威</li>
									<li>主演：邱意浓,丁圣霏,田沐阳,廖茉汐,江琳琳</li>
									<li>类型：恐怖,惊悚</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：85分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="15-2.webp" alt="Image 15-2">
							<div class="over">
								<ul>
									<li>导演：弗朗西斯·劳伦斯</li>
									<li>主演：汤姆·布莱斯,瑞秋·齐格勒,彼特·丁拉基,詹森·舒瓦兹曼,亨特·莎弗</li>
									<li>类型：动作,科幻,冒险</li>
									<li>地区：美国</li>
									<li>语言：英语</li>
									<li>片场：158分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="15-3.webp" alt="Image 15-3">
							<div class="over">
								<ul>
									<li>导演：苗月</li>
									<li>主演：陈瑾,林永健,黄品沅,张政勇,宫哲,李沐然</li>
									<li>类型：剧情,传记,历史</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：100分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="16-1.webp" alt="Image 16-1">
							<div class="over">
								<ul>
									<li>导演：郑来志, 阿猛</li>
									<li>主演：徐若晗,张开泰,秦奋,刘念,孙子钧,赵翊骁,李立群,范明,克拉拉,牛莉,梁超</li>
									<li>类型：爱情,青春</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：99分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="16-2.webp" alt="Image 16-2">
							<div class="over">
								<ul>
									<li>导演：高牧坤,刘学忠</li>
									<li>主演：董圆圆,张建国,田磊</li>
									<li>类型：戏曲</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：136分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="16-3.webp" alt="Image 16-3">
							<div class="over">
								<ul>
									<li>导演：唐国强, 石伟</li>
									<li>主演：唐国强,刘劲,王伍福,秦海璐,王迅,李晨,郭晓东,高曙光,印小天,姚居德,孙继堂,谷伟,卢奇,赵雍,谢孟伟,陈翔,李岷城,舒耀瑄,张晞临,周旭奇,王正军,马晓伟,闻杰,吕良伟,曹可凡,董璇,车晓,曾黎
									</li>
									<li>类型：历史,剧情,战争</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：106分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="17-1.webp" alt="Image 17-1">
							<div class="over">
								<ul>
									<li>导演：张琰</li>
									<li>主演：徐慧,徐刚,刘圣博,王梓</li>
									<li>类型：动画</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：86分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="17-2.webp" alt="Image 17-2">
							<div class="over">
								<ul>
									<li>导演：张维栋</li>
									<li>主演：崔磊</li>
									<li>类型：纪录片</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：85分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="17-3.webp" alt="Image 17-3">
							<div class="over">
								<ul>
									<li>导演：吴祖光</li>
									<li>主演：梅兰芳,姜妙香</li>
									<li>类型：戏曲</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：65分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="18-1.webp" alt="Image 18-1">
							<div class="over">
								<ul>
									<li>导演：钱勇</li>
									<li>主演：黄美菊,陈丽君,裘巧芳,倪锦锦</li>
									<li>类型：剧情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：108分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="18-2.jpg" alt="Image 18-2">
							<div class="over">
								<ul>
									<li>导演：庄文强</li>
									<li>主演：梁朝伟,刘德华,蔡卓妍,任达华,方中信,陈家乐,白只,姜皓文,太保,钱嘉乐</li>
									<li>类型：剧情,犯罪</li>
									<li>地区：中国香港,中国大陆</li>
									<li>语言：粤语</li>
									<li>片场：125分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
					<div class="movie-item">
						<a href="http://127.0.0.1:8848/test2/%E5%BC%A0%E6%B4%A5%E9%93%AD-F21600110/3-1.html">
							<img src="18-3.webp" alt="Image 18-3">
							<div class="over">
								<ul>
									<li>导演：冯小刚</li>
									<li>主演：葛优,舒淇,范伟,李诚儒,岳云鹏,常远</li>
									<li>类型：喜剧,爱情</li>
									<li>地区：中国大陆</li>
									<li>语言：汉语普通话</li>
									<li>片场：119分钟</li>
								</ul>
							</div>
							<a href="../8.html" class="ticket-booking-button2">选座购票</a>
					</div>
				</div>
			</div>

            <!-- 右侧部分：热门影院和购票链接 -->
			<div id="right">
				<!-- 影院详细信息 -->
				<div id="cinemas">
					<h4>
						<span>热门影院</span>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="http://127.0.0.1:8848/test2/%E6%9D%8E%E6%B3%BD%E9%91%AB-F21600101/index.lzx.html">查看全部影院&nbsp;&gt;</a>
					</h4>
					<hr>
					<div class="cinema-info">
						<div class="cinema-details">
							<p>华谊兄弟影院沈阳大悦城店</p>
							<p class="address">大东区小东路9号大悦城D馆4层-5层</p>
						</div>
						<a href="http://127.0.0.1:8848/test2/18xhy/8.html" class="ticket-booking-button">选座购票</a>
					</div>
					<hr>
					<div class="cinema-info">
						<div class="cinema-details">
							<p>万象影城（沈阳皇姑万象汇杜比<br>巨幕店）</p>
							<p class="address">皇姑区鸭绿江东街7-10号沈阳皇姑万<br>象汇L501号商铺</p>
						</div>
						<a href="http://127.0.0.1:8848/test2/18xhy/8.html" class="ticket-booking-button">选座购票</a>
					</div>
				</div>
			</div>
		</div>

        <!-- 页脚部分 -->
		<div class="footer">
			<div class="footWrap">
				<div class="footmiddle">
					<div class="footlog">
						<a href="#">
							<img src="./log.png" alt="">
						</a><br>
						<span>如果您是消费者，</span><br>
						<span>请拨打0571-88157838</span><br>
						<span>如果您是影院/合作商家，</span><br>
						<span>请拨打400-825-9220</span><br>
						<span>(服务时间:9:00-21:00)</span><br>
					</div>
					<dl>
						<dt>选座购票流程</dt>
						<dd><a href="#">选择影片和场次</a></dd>
						<dd><a href="#">选择中意的座位</a></dd>
						<dd><a href="#">支付并收到取票短信</a></dd>
					</dl>
					<dl>
						<dt>取票流程</dt>
						<dd><a href="#">收到取票短信</a></dd>
						<dd><a href="#">影院自助取票</a></dd>
						<dd><a href="#">短信重发方式</a></dd>
					</dl>
					<dl>
						<dt>常见问题</dt>
						<dd><a href="#">是否支持退换票</a></dd>
						<dd><a href="#">填错手机号怎么办</a></dd>
						<dd><a href="#">更多问题>></a></dd>
					</dl>
					<dl>
						<dt>协议规范</dt>
						<dd><a href="#">用户服务协议</a></dd>
						<dd><a href="#">食品管理规范</a></dd>
						<dd><a href="#">隐私权政策</a></dd>
						<dd><a href="#">退改签服务费规范</a></dd>
					</dl>
					<div class="code">
						<img src="./erweima.png" alt="">
					</div>
				</div>
				<div class="footbottom">
					<div class="footer-ali">
						<a href="//news.alibaba.com">阿里巴巴集团</a>
						<b>&nbsp|</b>
						<a href="//www.alibaba.com?spm=1.1000386.245549.2.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.2">阿里巴巴国际站</a>
						<b>&nbsp|</b>
						<a href="//www.1688.com?spm=1.1000386.245549.3.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.3">阿里巴巴中国站</a>
						<b>&nbsp|</b>
						<a href="//www.aliexpress.com?spm=1.1000386.245549.4.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.4">全球速卖通</a>
						<b>&nbsp|</b>
						<a href="//www.taobao.com/index_global.php?spm=1.1000386.245549.5.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.5">淘宝网</a>
						<b>&nbsp|</b>
						<a href="//www.tmall.com?spm=1.1000386.245549.6.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.6">天猫</a>
						<b>&nbsp|</b>
						<a href="//ju.taobao.com?spm=1.1000386.245549.7.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.7">聚划算</a>
						<b>&nbsp|</b>
						<a href="//www.etao.com/?spm=1.1000386.245549.8.lsGIAa&amp;tbpm=t"
							data-spm-anchor-id="1.1000386.245549.8">一淘</a>
						<b>&nbsp|</b>
						<a href="//www.alimama.com?spm=1.1000386.245549.9.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.9">阿里妈妈</a>
						<b>&nbsp|</b>
						<a href="//www.aliyun.com?spm=1.1000386.245549.10.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.10">阿里云计算</a>
						<b>&nbsp|</b>
						<a href="//www.yunos.com?spm=1.1000386.245549.11.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.11">云OS</a>
						<b>&nbsp|</b>
						<a href="//www.net.cn?spm=1.1000386.245549.12.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.12">万网</a>
						<b>&nbsp|</b>
						<a href="//cn.yahoo.com?spm=1.1000386.245549.13.lsGIAa"
							data-spm-anchor-id="1.1000386.245549.13">中国雅虎</a>
						<b>&nbsp|</b>
						<a href="//www.alipay.com" data-spm-anchor-id="1.1000386.245549.14">支付宝</a>
					</div>
					<div class="foot-nav">
						<div class="link">
							<a href="//www.taobao.com/about/?spm=1.1000386.245549.15.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.15">关于淘宝</a>
							<a href="//www.taobao.com/about/partners.php?spm=1.1000386.245549.16.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.16">合作伙伴</a>
							<a href="//pro.taobao.com/?spm=1.1000386.245549.17.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.17">营销中心</a>
							<a href="//service.taobao.com/support/main/service_route.htm?spm=1.1000386.245549.18.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.18">联系客服</a>
							<a href="//open.taobao.com/?spm=1.1000386.245549.19.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.19">开放平台</a>
							<a href="//www.taobao.com/about/join.php?spm=1.1000386.245549.20.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.20">诚征英才</a>
							<a href="//www.taobao.com/about/contact.php?spm=1.1000386.245549.21.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.21">联系我们</a>
							<a href="//www.taobao.com/sitemap.php?spm=1.1000386.245549.22.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.22">网站地图</a>
							<a href="//www.taobao.com/about/copyright.php?spm=1.1000386.245549.23.lsGIAa"
								data-spm-anchor-id="1.1000386.245549.23">法律声明</a>
							<span>&copy; 2017 Taopiaopiao.com 版权所有</span><br><span>增值电信业务经营许可证：沪B2-20170117</span> <a
								href="https://beian.miit.gov.cn" target="_blank">沪ICP备16050036号-1</a> <a
								href="//m.taopiaopiao.com/tickets/dianying/pages/alfheim/content.html?id=1907771"
								target="_blank" title="证照信息"> 证照信息</a>
							<br><span>违法不良信息举报电话 0571-88157838</span>
							<br><span>违法不良信息举报邮箱 taopiaopiao_tousu@service.alibaba.com</span>
						</div>
						<div class="log1">
							<img src="log1.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>

        <!-- 公安局链接，用于法律合规 -->
		<div class="police">
			<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102006472">
				<img src="police.png">
				<p>沪公网安备 31010102006472号</p>
			</a>
		</div>
		
		<!-- 底部横幅，用于应用下载 -->
		<div id="footer-banner">
		    <img src="footer.png" alt="广告背景">
		    <div class="loading">
		        <a href="#" id="close-banner"><img src="closer.png" alt="关闭按钮"></a>
		    </div>
		    <div class="download-links">
		        <a href="#" id="download-iphone">iPhone下载</a>
		        <a href="#" id="download-android" >Android下载</a>
		    </div>
		</div>

		<script>
			// 用于标签切换的JavaScript函数
			window.onload = function() {
				showNowPlaying();
			};
			function showNowPlaying() {
				document.getElementById('now-playing').style.display = 'grid';
				document.getElementById('coming-soon').style.display = 'none';
			}
			function showComingSoon() {
				document.getElementById('now-playing').style.display = 'none';
				document.getElementById('coming-soon').style.display = 'grid';
			}
			
			// 用于底部横幅动画的JavaScript函数
			let footerBanner = document.getElementById("footer-banner");
			// 初始位置在屏幕外
			footerBanner.style.left = "-100%";
			// 一段时间后滑动进入屏幕
			setTimeout(function() {
			    footerBanner.style.left = "0";
			}, 1000); // 1秒后开始滑动
			document.getElementById('close-banner').addEventListener('click', function(event) {
			    event.preventDefault();
			    var footerBanner = document.getElementById('footer-banner');
			    footerBanner.parentNode.removeChild(footerBanner);
			});
		</script>

	</body>
</html>